<template>
  <div id="app">
   
       
       <footer class="foot">

            <div>
              <router-link tag="span" to="day1" ><img src="./assets/}80Z4(@`ZY1`5Q`CYW4}HTC.png" alt=""></router-link> 
              <p>外卖</p>
            </div>

            <div>
               <router-link tag="span" to="foot_2" ><img src="./assets/KN`HT0TQ2NE9W)9%(TWF~ZC.png" alt=""></router-link>

              <p>发现</p></div>


            <div>
               <router-link tag="span" to="foot_3" ><img src="./assets/H(5VZ7ORSTE3IWO@}AJ3@`3.png" alt=""></router-link>
              <p>订单</p></div>


            <div>
               <router-link tag="span" to="foot_4" ><img src="./assets/$T%1B(8]8TMB$[16P6Q%{H7.png" alt=""></router-link>
              <p>我的</p></div>
       </footer>
   <router-view></router-view>
  </div>
</template>

<script>

</script>

<style lang="less">

.foot{

   
   
  position: fixed;
  
  bottom: 0;
  left: 0;
  right: 0;
  border-top:1px solid #666;
  background: #ffffff;
  box-shadow:-10px 10px 10px blue; 
  display: flex;
  justify-content:space-between;
  div{
  
     text-align: center;
  }
}
</style>
